/*
 * @Description: 缺省页组件
 * @Author: kanglin
 * @Date: 2018-09-05 17:36:00
 * @Copyright: Created by Panxsoft.
 */
<style lang="less" scoped rel="stylesheet/less" type="text/less" >
 @import '~src/assets/css/common.less';
    .v-com-default{
		// padding: 77*@rem-per-px 0 260*@rem-per-px;
		// display: flex;
		position: relative;
        .content{
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-60%);
			.picture{
				width: 234 *@rem-per-px;
				height: 234 *@rem-per-px;
				margin: 0 auto;
				&>img{
					width: 100%;
				}
			}
			.message{
				margin-top: 37*@rem-per-px;
				height:37*@rem-per-px;
				font-size:28*@rem-per-px;
				font-weight:400;
				line-height:48*@rem-per-px;
				color:rgba(204,204,204,1);
				// color: #555555;
				margin: 0 auto;
				text-align: center;
			}
		}
    }
</style>

<template>
	<div
		:style="getStyle"
		class="v-com-default">
		<div class="content">
			<div class="picture">
				<img
					src="../../../assets/media/img/2.3.9/icon_no.png"
					alt="">
			</div>
			<p class="message">
				{{ tips }}
			</p>
		</div>
	</div>

</template>


<script>

import { getHtmlFontSize } from 'src/utils/utils'; // 公有方法

export default {
	name: 'Default',
	props: {
		height: {
			type: Number,
			default() {
				return 300;
			},
		},
		tips: {
			type: String,
			default() {
				return '';
			},
		},
	},
	data() {
		return {};
	},
	computed: {
		getStyle() {
			const height = this.height ? `${this.height / getHtmlFontSize()}rem` : 0;

			return { height };
		},
	},
	methods: {},
};
</script>
